<div class="modal">
    <div class="modal-top">
        <nav class="navigation">
            <a href="#previous" id="prev-caso"><i class="fa fa-long-arrow-left"></i></a>
            <div class="vline"></div>
            <a href="#next" id="next-caso"><i class="fa fa-long-arrow-right"></i></a>
        </nav>
        <p id="next-title"><span>siguiente: </span><strong></strong></p>
        <p id="prev-title"><span>anterior: </span><strong></strong></p>
        <a href="#close" class="close" id="close-modal"><i class="fa fa-times"></i></a>
    </div>
    <div class="modal-content">
        <!-- CONTENIDO DEl CASO -->
    </div>
</div>